<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <meta http-equiv="expires" content="0">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>码蚁图册|错误提示</title>
    <style type="text/css">
        *{
            padding: 0px;
            margin:0px;
        }
        @font-face {
            font-family: 'newFontFamily2';
            src: url(/fonts/HYShangWeiShouShuJ.ttf);
        }

        #message{
            font-size: 25px;
            font-family: newFontFamily2;
        }

        #errorMessage {
            margin: 5% auto;
        }

        #href a{
            text-decoration: none;
        }

        #href a:hover{
            color: white;
        }

        @media (min-width: 768px) {
            #errorMessage {
                width: 500px;
                margin: 5% auto;
                display: flex;
                align-items: center;
            }

            #error{
                text-align: center;
            }

            #message {
                font-weight: bold;
            }

            #href{
                margin-top: 10px;
            }
        }

        @media (max-width: 768px) {
            #errorMessage{
                width: 100%;
                margin:3% auto;
                text-align: center;
            }
            #error div{
                margin: 10px auto;
            }
        }

        #href a{
            width: 100px;
            height: 25px;
            color: rgba(255, 255, 255, .8);
            background-color: #46b8da;
            border-radius: 5px;
            margin: auto;
            display: inline-block;
            font-weight: bold;
        }
    </style>
</head>
<body>

    <div id="errorMessage">
        <div id="errorImage"><img src="/image/error.gif"/></div>
        <div id="error">
            <div id="message">页面不见了,我们很抱歉！</div>
            <div id="href"><a href="/">返回主页</a></div>
        </div>
    </div>

</body>
</html>